<template>
  <div class="author" @click="goAhBlog">阿花</div>
  <div class="app">
    <ToDoList></ToDoList>
  </div>

</template>
<script setup lang="ts">
import ToDoList from './components/todolist/ToDoList.vue';
const goAhBlog = () => {
  window.open('https://www.312jiah.com', '_newtab')
}

</script>
<style lang="less" scoped>
.author {
  position: absolute;
  font-size: 20px;
  color: #333;
  transform: rotate(-45deg);
  top: 10px;
  cursor: pointer;
}

.app {
  font-family: "阿里妈妈东方大楷 Regular", "Microsoft YaHei";
  height: 100%;
  overflow: hidden;
  background-image: linear-gradient(102.7deg, #fddaff 8.2%, #dfadfc 19.6%, #adcdfc 36.8%, #adfcf4 73.2%, #caf8d0 90.9%);
}
</style>